<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <style>
        .a{
            position: absolute;
            width:100%;
            height: 150px;
            font-size: large;
            background-color: #4caf4c;
            color: white;
            top: 0px;
            left: 0px;
            text-align: center;
            position: fixed;
            z-index: 2;
        }
        .b{
            position: absolute;
            width:100px;
            height: 10px;
            font-size: large;
            background-color: #4caf4c;
            top: 80px;
            left: 800px;
            color: white;
            position: fixed;
            z-index: 2;
        }
        .c{
            position: absolute;
            width:130px;
            height: 10px;
            font-size: large;
            background-color: #4caf4c;
            top: 110px;
            left: 790px;
            color: white;
            position: fixed;
            z-index: 2;
        }
        .d{
            position: absolute;
            width:100%;
            height: 60px;
            font-size: large;
            background-color: black;
            top: 150px;
            left: 0px;
        }
        .e{
            position: absolute;
            width:100px;
            height: 10px;
            font-size: large;
            background-color: black;
            color: white;
            top: 160px;
            left: 500px;
        }
        .f{
            position: absolute;
            width:100px;
            height: 10px;
            font-size: large;
            background-color: black;
            color: white;
            top: 160px;
            left: 700px;
        }
        .g{
            position: absolute;
            width:100px;
            height: 10px;
            font-size: large;
            background-color: black;
            color: white;
            top: 160px;
            left: 900px;
        }
        .h{
            position: absolute;
            width:100px;
            height: 10px;
            font-size: large;
            background-color: black;
            color: white;
            top: 160px;
            left: 1100px;
        }
        .i{
            position: absolute;
            width:200px;
            height: 10px;
            font-size: large;
            background-color: white;
            color: #4caf4c;
            top: 210px;
            left: 0px;
        }
        .j{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 280px;
            left: 0px;
        }
        .k{
            position: absolute;
            width:200px;
            height: 5px;
            font-size: large;
            background-color: white;
            color: #4caf4c;
            top: 300px;
            left: 0px;
        }
        .l{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 370px;
            left: 0px;
        }
        .m{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 430px;
            left: 0px;
        }
        .n{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 490px;
            left: 0px;
        }
        .o{
            position: absolute;
            width:200px;
            height: 10px;
            font-size: large;
            background-color: white;
            color: #4caf4c;
            top: 520px;
            left: 0px;
        }
        .p{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 590px;
            left: 0px;
        }
        .q{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 620px;
            left: 0px; 
        }
        .r{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 650px;
            left: 0px;
        }
        .x{
            position: absolute;
            width:1500px;
            height: 10px;
            font-size: smaller;
            background-color: white;
            top: 680px;
            left: 0px;
        }
        .z{
            position: absolute;
            width:200px;
            height: 10px;
            font-size: large;
            background-color: white;
            color: #4caf4c;
            top: 697px;
            left: 0px;
        }
        .aa{
            position: absolute;
            width:1500px;
            height: 20px;
            font-size: large;
            background-color: white;
            top: 780px;
            left: 100px;
            text-align: center;
        }
        .bb{
            position: absolute;
            width:100%;
            height: 100px;
            font-size: large;
            background-color: #4caf4c;
            color: white;
            left: 0px;
            text-align: center;
            position: fixed;
            z-index: 2;
            bottom: 0;
        }
        .cc{
            position: absolute;
            width:200px;
            height: 20px;
            font-size: large;
            background-color: #4caf4c;
            color: white;
            left: 780px;
            position: fixed;
            z-index: 2;
            bottom: 0;
        }
     </style>
</head>
<body>
    <div class="a"><h1>班级竞赛</h1></div>
    <div class="b">软件web班</div>
    <div class="c">2025年5月9日</div>
    <div class="d"></div>
    <div class="e">竞赛介绍</div>
    <div class="f">参赛选手</div>
    <div class="g">竞赛规则</div>
    <div class="h">成绩展示</div>
    <div class="i"><h2>竞赛介绍</h2></div>
    <div class="j">本次班级竞赛旨在提高同学们的学习积极性和团队协作能力，通过竞赛的形式激发同学们的学习热情，促进班级整体学习氛围的提升。竞赛形式为个人赛，涵盖语文、数学、英语等多个学科。</div>
    <div class="k"><h2>参赛选手</h2></div>
    <div class="l">1.<img src="./2222.png" alt="" style="width: 20px;">姓名：张三 简介：勤奋好学，成绩优异</div>
    <div class="m">2.<img src="./3333.png" alt="" style="width: 20px;">姓名：李四 简介：思维敏捷，善于思考</div>
    <div class="n">3.<img src="./2222.png" alt="" style="width: 20px;">姓名：王五 简介：学习刻苦，进步显著</div>
    <div class="o"><h2>竞赛规则</h2></div>
    <div class="p">1.竞赛时间为一个小时，选手需在规定时间内完成所有题目</div>
    <div class="q">2.竞赛题目包括选择题、判断题和简答题，总分为100分</div>
    <div class="r">3.选手需独立完成竞赛，不得抄袭或作弊，否则取消参赛资格</div>
    <div class="x">4.根据选手的最终成绩进行排名，评出一等奖一名，二等名两名，三等奖三名</div>
    <div class="z"><h2>成绩展示</h2></div>
    <div class="bb">班级口号：团结、奋进、拼搏、向上</div>
    <div class="cc">制作人：高立博</div>
    <div class="aa">
        <table rules="all" frame="box" width="1200"height="300">
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>英语</th>
                <th>总分</th>
            </tr>
            <tr>
                <th>张三</th>
                <td>90</td>
                <td>95</td>
                <td>88</td>
                <td>273</td>
            </tr>
            <tr>
                <th>李四</th>
                <td>85</td>
                <td>88</td>
                <td>92</td>
                <td>265</td>
            </tr>
            <tr>
                <th>王五</th>
                <td>80</td>
                <td>82</td>
                <td>88</td>
                <td>250</td>
            </tr>
        </table>
    </div>
</body>
</html>